<template>
    <el-container class="app-layout">
        <AsideView></AsideView>
        <el-container class="is-vertical">
            <HeadeView></HeadeView>
            <MainView></MainView>
        </el-container>
    </el-container>
</template>

<script lang="ts" setup>
import AsideView from '@/components/HomeComp/AsideView.vue';
import HeadeView from '@/components/HomeComp/HeadeView.vue';
import MainView from '@/components/HomeComp/MainView.vue';
</script>

<style lang="scss" scoped>
.app-layout {
    height: 100%;

    .toolbar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        right: 20px;
    }
}
</style>